<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1 user-scalable=no">
    <title>file</title>
    <link rel="icon" id="tubiao"/>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap-table.min.css" rel="stylesheet">
    <link href="css/flat/green.css" rel="stylesheet">
    <link href="css/zTreeStyle/zTreeStyle.css" rel="stylesheet">
    <link href="css/fenye/zxf_page.css" rel="stylesheet">
    <link href="css/fenye/pager.css" rel="stylesheet">
    <link href="css/leftquickmenu/nav.css" rel="stylesheet">
    <style  type="text/css">
        body { padding-top: 70px; }
        div.noteDiv{
            overflow:hidden;/**隐藏超出的内容**/
            text-overflow: ellipsis;
            border-bottom:1px ridge lightgray;
            position: relative;
            left:18px;
        }
        a.editNote{
            display: none;
            float:right;
            position: relative;
            right:15px;
            padding: 0px 7px;
            top: -3px;
            margin: 0px 1px;
        }
        div.noteDiv:hover{
            background-color:#eaecef;
        }
        div.noteDiv:hover a.editNote{
            display: block;
        }
        div.labelRightSpan{
            border-radius: 2em;
            padding: 0px 7px;
            line-height: 22px;
            margin: 2px;
            font-size: smaller;
        }
        span.labelHandelEdit{
            display: none;
        }
        .labelRightSpan:hover .labelHandelEdit{
            display: inline;
        }
        span.labelHandelDelete{
            display: none;
        }
        .labelRightSpan:hover .labelHandelDelete{
            display: inline;
        }

        /*----------------------*/
        div.seriesLeftDiv{
            border-radius: 2em;
            padding: 0px 7px;
            line-height: 22px;
            margin: 2px;
            font-size: smaller;
        }
        span.seriesHandelEdit{
            display: none;
        }
        .seriesLeftDiv:hover .seriesHandelEdit{
            display: inline;
        }
        span.seriesHandelDelete{
            display: none;
        }
        .seriesLeftDiv:hover .seriesHandelDelete{
            display: inline;
        }

        /*----------------------*/
        a{
            cursor: pointer;
        }
        div.seriesDiv{
            display: none;
            width: inherit;overflow-y:auto;max-height: 600px;max-width: 260px;
        }
        /*.showSeriesDiv:before div.seriesDiv{*/
            /*display: block;*/
        /*}*/
    </style>
</head>
<body>
<!--顶部导航栏-->
<nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">FILE</a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1" >
            <ul class="nav navbar-nav">
                <li><a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
                <li class="active"><a id = "addNoteTop" class="glyphicon glyphicon-pencil" href="#">File <span class="sr-only">(current)</span></a></li>
                <li><a id = "upNoteTop" class="glyphicon glyphicon-open" href="#"> <span class="sr-only">(current)</span></a></li>
                <li><a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
                <!--<li><a href="#">Link</a></li>-->
                <!--<li class="dropdown">-->
                    <!--<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>-->
                    <!--<ul class="dropdown-menu">-->
                        <!--<li><a href="#">Action</a></li>-->
                        <!--<li><a href="#">Another action</a></li>-->
                        <!--<li><a href="#">Something else here</a></li>-->
                        <!--<li role="separator" class="divider"></li>-->
                        <!--<li><a href="#">Separated link</a></li>-->
                        <!--<li role="separator" class="divider"></li>-->
                        <!--<li><a href="#">One more separated link</a></li>-->
                    <!--</ul>-->
                <!--</li>-->
            </ul>
            <form class="navbar-form navbar-left">
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="title/.type" id="searchNoteTopValue">
                </div>
                <button type="button" class="btn btn-default" id="searchNoteTop">Search</button>
            </form>
            <ul class="nav navbar-nav navbar-right">
                <!--<li><a href="#">Link</a></li>-->
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle glyphicon glyphicon-cog" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a id="fileRootPath">根目录</a></li>
                        <li><a id="htmlExePath">默认浏览器</a></li>
                        <li><a id="fileTypeHandle">文件类型</a></li>
                        <!--<li><a href="#">Something else here</a></li>-->
                        <!--<li role="separator" class="divider"></li>-->
                        <!--<li><a href="#">Separated link</a></li>-->
                    </ul>
                </li>
            </ul>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>
<!--左侧快速菜单-->
<div class="leftNav-item">
    <ul>
        <li>
            <i class="glyphicon glyphicon-tags" ></i>
            <a id="leftAddNote" href="javascript:void(0)" class="rota glyphicon glyphicon-pencil">FILE</a>
        </li>
        <div id="seriesDiv" class="panel panel-default seriesDiv">
            <div class="panel-heading">系列<a id="addSeriesAdd" class="glyphicon glyphicon-plus pull-right">新增</a></div>
            <div style="overflow-y:auto;" class="panel-body">
                <input id="seriesSearchValue" style="width:70%">&nbsp;&nbsp;<span id="seriesSearch" class="btn btn-default" style="padding: 1px 4px;">搜索</span></input>
                <div style="height: 10px"></div>
                <div class="insertSeriesList">
                </div>
                <div class="page-label2" style="clear: both"></div>
            </div>
        </div>
        <div id="showSeriesDiv">
        <li>
            <i class="glyphicon glyphicon-duplicate" ></i>
            <a id="" href="javascript:void(0)" class="rota glyphicon glyphicon-resize-full">Series</a>
        </li>
        </div>
        <!--<li title="在线客服">-->
            <!--<i class="glyphicon glyphicon-edit"></i>-->
            <!--<a href="javascript:void(0)"class="rota">在线客服</a>-->
        <!--</li>-->
        <!--<li lay-data="img" data-fooc="img/logo21.png">-->
            <!--<i class="fa fa-money"></i><a href="javascript:;" class="rota">小额打赏</a>-->
        <!--</li>-->
        <li title="返回顶部" class="for-top">
            <i class="glyphicon glyphicon-arrow-up"></i>
            <a href="javascript:;" class="rota">TOP</a>
        </li>
    </ul>
</div>
<!--主题-->
<div class="container-fluid">
    <div class="row">
        <div class="col-lg-1 col-md-0 col-sm-0 col-xs-0"></div>
        <div class="col-lg-2 col-md-3 hidden-sm hidden-xs">
            <div class="panel panel-default" style="position: fixed;width: inherit;margin-right: 250px;">
                <div class="panel-heading">分组<a id="addGroups-1" class="glyphicon glyphicon-plus pull-right">新增</a></div>
                <div style="overflow:auto;" class="panel-body">
                    <input id="groupsSearchValue" style="width: 70%">&nbsp;&nbsp;<span class="btn btn-default" id="groupsSearch" style="padding: 1px 4px">搜索</span></input>
                    <ul id="groupsTree" class="ztree"></ul>
                </div>
            </div>
        </div>
        <div class="col-lg-6 col-md-7 col-sm-12 col-xs-12">
            <div class="insertNoteList">
            </div>
            <div id="page1_div">
                <ul class="pagination" id="page1"></ul>
                <div class="pageJump">
                    <!--<span>跳转到</span>-->
                    <input type="text"/>
                    <span>页</span>
                    <button type="button" class="button">GO</button>
                </div>
            </div>
        </div>
        <div class="col-lg-2 col-md-2 hidden-sm hidden-xs">
            <div class="panel panel-default" style="position: fixed;width: inherit;overflow-y:auto;max-height: 800px">
                <div class="panel-heading">标签<a id="addLabelAdd" class="glyphicon glyphicon-plus pull-right">新增</a></div>
                <div style="overflow-y:auto;" class="panel-body">
                    <input id="labelSearchValue" style="width:70%">&nbsp;&nbsp;<span class="btn btn-default" id="labelSearch" style="padding: 1px 4px;">搜索</span></input>
                    <div style="height: 10px"></div>
                    <div class="insertLabelList labelDiv">
                    </div>
                    <div class="page-label labelDiv" style="clear: both"></div>
                </div>
            </div>
        </div>
        <div class="col-lg-1 col-md-0 col-sm-0 col-xs-0"></div>
    </div>
    <div class="autoMenu" id="autoMenu" data-autoMenu></div>
</div>



<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="js/jquery.min.js"></script>
<script src="js/jquery.serializejson.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-table.min.js"></script>
<script src="js/bootstrap-table-zh-CN.min.js"></script>
<script src="js/tableExport-jquery-plugin.js"></script>
<script src="js/bootstrap-table-export.js"></script>
<script src="js/sweetalert2.js"></script>
<script src="js/jquery.ztree.all.min.js"></script>
<script src="js/ajax-object.js"></script>
<script src="js/icheck.js"></script>
<script src="js/bootstrap-table-object.js"></script>
<script src="js/fenye/zxf_page.js"></script>
<script src="js/fenye/pagination/jquery.pagination.js"></script>
<script src="js/fenye/pagination/highlight.min.js"></script>
<script src="js/fenye/pager.js"></script>
<script src="js/leftquickmenu/nav.js"></script>
<script src="js/layer/layer.js"></script>
<script src="system_js/Feng.js"></script>
<script src="system_js/index.js"></script>
<script>
    $(document).ready(function(){
        $('input').not('[name="btSelectAll"]').not('[data-field]').iCheck({
            checkboxClass: 'icheckbox_flat-green',
            radioClass: 'iradio_flat-green'
        });
    });
</script>

</body>
</html>